/* flex布局 */
.u-f,
.u-f-r,
.u-f-c,
.u-f-ac,
.u-f-jc,
.u-f-ajc,
.u-f-sbc {
	display: flex;
}

.u-f-ajc {
	justify-content: center;
	align-items: center;
}

.u-f-sbc {
	/* 横平均分布 */
	justify-content: space-between;
	align-items: center;
}

.u-f-asc {
	justify-content: space-around;
	align-items: center;
}

.u-f-ase {
	justify-content: space-evenly;
	align-items: center;
}

.u-f-item {
	flex: 1;
}

.u-f-wrap {
	flex-wrap: wrap;
}

.u-f-r {
	flex-direction: row;
	/* 横 */
}

.u-f-c {
	flex-direction: column;
	/* 竖 */
}

.u-f-start {
	justify-content: flex-start;
}

.u-f-end {
	justify-content: flex-end;
	/* 横 */
}

.u-f-jc {
	justify-content: center;
}

.u-f-jsb {
	justify-content: space-between;
}

.u-f-ac {
	align-items: center;
	/* 竖直 */
}

.u-f-as {
	align-items: flex-start;
}

.u-f-ae {
	align-items: flex-end;
}
.u-f-aw {
	align-items: center;
}

.allcenter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.hcenter {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

/* 显示省略号 -->只显示一行文字 */
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* 显示省略号 -->显示2行文字 */
.twoEllipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
